基本概念

对于每一个插件 xxx 来说，有如下几部分内容，见文档

  • 属性 定义在每个插件的默认值对象里面 jQuery.fn.xxx.defaults
  • 方法 定义在每个插件的方法对象里面 jQuery.fn.xxx.methods, 调用方式为$("selector").xxx('methodName',methodParams)，每个方法两个参数，第一个为jQuery对象（必传），第二个为传入的参数
  • 事件 定义在每个插件的默认值对象里面 jQuery.fn.xxx.defaults

实战预热

  • 有了上面的基础之后，有扩展就覆盖原有配置属性，随时可以定义自己的扩展
  • 先 下载 EasyUI源码，以便后续看具体的内容
  • EasyUI 可以免费用，但不开源，部分代码是压缩的，但不影响代码分析
    • 未压缩的版本再src目录里面（内容不全）
    • 所有内容再 plugins 里面（带压缩的，内容是全的）
  • 翻看src下的各个插件的代码（都是插件，jQuery插件）
    • 共有的特征
      • $.fn.xxx 以jQuery插件的方式定义
      • $.fn.xxx.defaults 定义插件默认属性值
      • $.fn.xxx.methods 定义插件方法集合
      • $.fn.xxx.parseOptions 定义解析插件配置的方法
      • $.fn.xxx.parseData 部分插件才有的解析数据的方法

参考资料

  1. EasyUI思想、用法解析
  2. EasyUI doc
  3. Datagrid doc
  4. EasyUI 代码下载
  5. EasyUI Datagrid 列拖拽
  6. 动态的改变列显示的顺序
  7. Easyui-Datagrid—表头灵活显示
  8. Easyui-Datagrid—表头灵活拖动

最后更新： 2022年03月02日 03:32

原始链接： http://rawbin-.github.io/dev-3rd-libs/2017-11-22-easyui-extend/

赏
× 赞赏这个人~
打赏二维码